<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>测试canvas</title>
        <style>
            html,
            body {
                margin: 0;
                text-align: center;
            }

            .href {
                font-size: 20px;
                text-decoration: none;
                color: blue;
            }
        </style>
    </head>
    <body>
        <h1>Demo</h1>
        <h3>
            <a class="href" href="./process.html" target="_blank">进度条</a>
        </h3>
        <h3>
            <a class="href" href="./process-svg.html" target="_blank">进度条-svg版</a>
        </h3>
        <h3>
            <a class="href" href="./bezier.html" target="_blank">贝塞尔曲线</a>
        </h3>
        <h3>
            <a class="href" href="./animationBezier.html" target="_blank">贝塞尔曲线-动画版</a>
        </h3>
        <h3>
            <a class="href" href="./text.html" target="_blank">书写文字</a>
        </h3>
        <h3>
            <a class="href" href="./antLine.html" target="_blank">跑马灯</a>
        </h3>
        <h3>
            <a class="href" href="./clock.html" target="_blank">时钟</a>
        </h3>
        <h3>
            <a class="href" href="./radar.html" target="_blank">雷达图</a>
        </h3>
        <h3>
            <a class="href" href="./signal.html" target="_blank">信号</a>
        </h3>
        <h3>
            <a class="href" href="./battery.html" target="_blank">电池</a>
        </h3>
        <h3>
            <a class="href" href="./electrocardiogram.html" target="_blank">心电图</a>
        </h3>
        <h3>
            <a class="href" href="./fireworks.html" target="_blank">烟花特效</a>
        </h3>
    </body>
</html>
